.fl {
  float: left;
}

.fr {
  float: right;
}

/* 清除浮动 */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/*外边距溢出*/
.overflow:after {
  content: '';
  display: table;
}

/* 禁止换行,单行超出省略号 */
.ellipsis-line-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行显示省略号，less写法，@line是行数 */
.ellipsis-more {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-loop(4);
.ellipsis-loop(@n, @i: 2) when (@i =< @n) {
  .ellipsis-line-@{i} {
    &:extend(.ellipsis-more);
    -webkit-line-clamp: @i;
  }
  .ellipsis-loop(@n, (@i + 1));
}

/* 文字两端对齐 */
.text-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}

/*去除display: inline-block;间隙*/
.clear-spacing {
  font-size: 0;
  /*letter-spacing: -3px;*/
}

.content-wrap {
  width: @width-content;
  margin: 0 auto;
}

.page-wrap {
  text-align: center;
  margin: 30px 0;
}

.w-block {
  display: block;
  width: 100%;
}

.text-red {
  color: @color-red;
}

.text-blue {
  color: @color-blue;
}

.text-green {
  color: @color-green;
}

.btn {
  cursor: pointer;

  & + .btn {
    margin-left: 15px;
  }
}

.text-red-btn {
  color: @color-red;

  &:hover {
    color: @color-red-1;
  }
}

.el-button--text {
  padding: 0;
}

//搜索样式
.search-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;

  .search-input {
    width: 400px;
  }

  .el-input-group__append {
    background-color: @color-blue;
    color: @color-white;
    border: 1px solid @color-blue;
  }
}

.flex-end {
  justify-content: flex-end !important;
}

@avatar-width: 118px;
.avatar {
  width: @avatar-width;
  height: @avatar-width;
  background-color: #FFFFFF;

  i.el-icon-plus {
    width: 100%;
    height: 100%;
    border: 1px dashed #DCDFE6;
    border-radius: 0;
    font-size: @avatar-width - 15px;
    color: #DCDFE6;
    line-height: @avatar-width - 2px;
  }

  img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
  }
}

.el-tag {
  margin: 3px 0;
  cursor: pointer;
}

.el-tag + .el-tag {
  margin-left: 10px;
}

.button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}
